<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--
     颜色：
         单词
         RGB    0~F
         RGBA   (添加透明度)

     text-align:  居中
     text-indent: 2em; 段落首行缩进
     行高 和 块的高度一致，就可以上下居中了
     -->
    <style>
        h1 {
            color: rgba(1,255,255,0.3);
            /*text-align: center;*/

        }
        .p1 {
            text-indent: 2em;
        }
        .p3 {
            background: #309207;
            height: 300px;
            line-height: 300px;
        }

        /*下划线*/
        .l1 {
            text-decoration: underline;
        }
        /*中划线*/
        .l2 {
            text-decoration: line-through;
        }
        /*上划线*/
        .l3 {
            text-decoration: overline;
        }
        /*超链接去下划线*/
        a {
            text-decoration: none;
        }


        /*水平对齐:需要参照物     a,b*/
         img,span {
             vertical-align: middle;
         }


    </style>
</head>
<body>

<a href="">123</a>

<p class="l1">垂死病中惊坐起</p>
<p class="l2">垂死病中惊坐起</p>
<p class="l3">垂死病中惊坐起</p>

<h1>标题</h1>
<p>正文11111</p>
<p class="p1">正文2222222</p>
<p class="p3">i love study java</p>


<p>
    <img src="images/头像.jpg" >
    垂死病中惊坐起
</p>

</body>
</html>